<template>
  <div class="robot">
      <div class="head"><span class="ht" @click="fun()">&lt;</span></div>
      <div class="cen">
 
      </div>
      <div class="bottom">
        <div class="rg">
          <img src="zhuanrengong.png" />
          <span>转人工</span>
        </div>
        <input type="text" placeholder="请简短描述您的问题"/>
        <button>发送</button>
      </div>
  </div>
</template>

<script>


export default {
  methods: {
    fun(){
      this.$router.push("/")
    }
  },
}
</script>
<style scoped>
*{
  margin: 0;
  padding: 0;
}
div{
  font-size: 0;
}
.head{
  width: 100%;
  height:0.4rem;
  border-bottom: 0.01rem solid rgb(190, 170, 170);
  position: fixed;
  top: 0;
  z-index: 999;
  background-color: #fff;
}
.ht{
  font-size: 0.26rem;
  padding:0 0.2rem;
  color:red;
}
.bottom{
  width: 100%;
  height:0.4rem;
  font-size: 0.10rem;
  position: fixed;
  bottom: 0;
  z-index: 999;
  background-color: #fff;
  border-top: 0.01rem solid rgb(190, 170, 170);
  display: flex;
  justify-content: space-around;
}
button{
  height: 0.24rem;
  margin-top:0.06rem;
  background-color: red;
  border-radius: 0.02rem;
  border: none;
}
img{
  width: 0.2rem;
  height: 0.2rem;
  margin-top:0.05rem;
}
.last{
  width:0.26rem;
  height: 0.26rem;
}
span{
  font-size: 0.1rem;
  position: absolute;
  bottom: 0;
  left: 0.02rem;
}
input{
  width: 76%;
  height: 0.24rem;
  margin-top: 0.05rem;
  padding-left: 0.03rem;
  outline: none;
  border: 0.01rem solid rgb(204, 188, 188);
}
.cen{
  position: absolute !important;
  position: relative;
  top: 0.4rem !important;
  bottom: 0.4rem;
  width: 100%;
  height: 7rem;
  font-size: 0.14rem;
  background-color: rgb(179, 134, 134);
}

</style>
